<template>
  <div ref="renderHtml">
<!--    <div ref="renderHtml"></div>-->
    <object type="text/html" style="min-height: 100vh" :data="page" width="100%" height="100%"></object>
  </div>
</template>

<script>
export default {
  name: "index",
  data() {
    return {
      page: ""
    }
  },
  mounted() {
    console.log(this.$route.path)
    this.$set(this, "page", this.$route.path)
    // this.$refs.renderHtml.innerHTML = '<objectject type="text/html" style="min-height: 100vh" data="/doc/基础二共享对象.html" width="100%" height="100%"></objectject>'
    console.log("renderHtml", this.$refs.renderHtml.innerHTML)
  }
}
</script>

<style scoped>

</style>